<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="" />
		<meta name="discription" content="" />
		<title>Web前端工程师</title>
		<link href="css/style.css" rel="stylesheet">
	</head>
	<body>
		<div class="heading">
			<div class="heading-content">
				<img src="img/jikexueyuan/images/logo.png">
				<ul class="heading-words">
					<li><a href="#">首页</a></li>
					<li class="heading-words-active"><a  href="#">职业学院</a></li>
					<li><a href="#">会员课程</a></li>
					<li><a href="#">极客社区</a></li>
				</ul>
				<ul class="heading-icon">
					<li><a href="#"><span><img src="img/jikexueyuan/images/search-icon.png"></span></a></li>
					<li><a href="#"><span><img src="img/jikexueyuan/images/app-icon.png"></span></a></li>
					<li><a href="#"><span><img src="img/jikexueyuan/images/login-icon.png"></span></a></li>
				</ul>
			</div>
			<div class="bg-picture">
			<h3>Web前端工程师</h2><br />
			<p>Web前端工程师是目前最火的互联网职业，它能充分理解项目需求和设计需求，并与设计师、后端工程师紧密合作，产出高质量的产品前端层，<br />
				为用户呈现最好的界面交互体验。</p>
			</div>
		</div>
		<div class="bodying">
			<div class="nav">
				<ul class="left-nav">
					<li><a href="#">概览</a></li>
					<li><a href="#">成长计划</a></li>
					<li><a href="#">专项提高</a></li>
					<li><a href="#">师资介绍</a></li>
					<li class="last-nav"><a href="#">常见问题</a></li>
				</ul>
			</div>
			<div class="container">
				<h3>成长计划</h3><p>	&nbsp&nbsp &#124 &nbsp 零基础就业、转行</p>
				<a class="Growth-plan-a" href="#">
					<div class="Growth-plan">
					<img src="img/jikexueyuan/images/product_list.jpg" />
					<div class="Growth-plan-content">
						<h4>Web前端工程师职业规划</h2><br /><br />
						<span class="teacher">主讲人：XXX</span><br />
						<div class="teaching">本课程主要介绍Web前端工程师的职业背景、行业前景、团队中定位和技能需求，同时
							分享Web前端的学习方法和路径以及将来职业规划
						</div>
						<span class="price">&#165 9.00</span>
						<span class="cost-price">&#165 99.00</span>
						<span class="message">0.5小时&nbsp &#124 &nbsp1门课</span>
						<span class="number">3207人学习</span>
					</div>
				</div>
				</a>
				<a class="Growth-plan-a" href="#">
					<div class="Growth-plan">
					<img src="img/jikexueyuan/images/product_list.jpg" />
					<div class="Growth-plan-content">
						<h4>Web前端工程师职业规划</h2><br /><br />
						<span class="teacher">主讲人：XXX</span><br />
						<div class="teaching">本课程主要介绍Web前端工程师的职业背景、行业前景、团队中定位和技能需求，同时
							分享Web前端的学习方法和路径以及将来职业规划
						</div>
						<span class="price">&#165 9.00</span>
						<span class="cost-price">&#165 99.00</span>
						<span class="message">0.5小时&nbsp &#124 &nbsp1门课</span>
						<span class="number">3207人学习</span>
					</div>
				</div>
				</a>
				<a class="Growth-plan-a" href="#">
					<div class="Growth-plan">
					<img src="img/jikexueyuan/images/product_list.jpg" />
					<div class="Growth-plan-content">
						<h4>Web前端工程师职业规划</h2><br /><br />
						<span class="teacher">主讲人：XXX</span><br />
						<div class="teaching">本课程主要介绍Web前端工程师的职业背景、行业前景、团队中定位和技能需求，同时
							分享Web前端的学习方法和路径以及将来职业规划
						</div>
						<span class="price">&#165 9.00</span>
						<span class="cost-price">&#165 99.00</span>
						<span class="message">0.5小时&nbsp &#124 &nbsp1门课</span>
						<span class="number">3207人学习</span>
					</div>
				</div>
				</a>
				<div class="Special-increase-title"><h3>专项提高</h3><p>	&nbsp&nbsp &#124 &nbsp 专项技能提高</p></div>
				       
							<div class="Special-increase">
								<a href="#">
									<div class="course-one">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
								<a href="#">
									<div class="course-two">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
								<a href="#">
									<div class="course-three">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
								<a href="#">
									<div class="course-four">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
								<a href="#">
									<div class="course-five">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
								<a href="#">
									<div class="course-six">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
								<a href="#">
									<div class="course-seven">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
								<a href="#">
									<div class="course-eight">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
								<a href="#">
									<div class="course-nine">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
								<a href="#">
									<div class="course-ten">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
								<a href="#">
									<div class="course-eleven">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
								<a href="#">
									<div class="course-twelve">
										<img src="img/jikexueyuan/images/product_list.jpg" />
										<div class="course-title">7小时玩转网页布局开发</div>
										<span class="course-teacher">主讲人：XXX</span><br />
										<span class="course-price">&#165 9.00</span>
										<span class="course-cost-price">&#165 99.00</span>
										<span class="course-number">3207人学习</span>
									</div>
								</a>
							</div>
				
				<div class="Teacher-introduction">
					<h4>师资介绍</h4>
					<div class="each-teacher">
						<div class="Our-teacher-one">
							<img src="img/jikexueyuan/images/user_photo.jpeg"/>
							<span class="teacher-name">王士强</span>
							<span class="introduction">艺龙、中国移动飞信、猎聘、银客理财等前端负责人，Node.js工具模块强人</span>
					    </div>
					    <div class="Our-teacher-one">
							<img src="img/jikexueyuan/images/user_photo.jpeg"/>
							<span class="teacher-name">王士强</span>
							<span class="introduction">艺龙、中国移动飞信、猎聘、银客理财等前端负责人，Node.js工具模块强人</span>
					    </div>
					    <div class="Our-teacher-three">
							<img src="img/jikexueyuan/images/user_photo.jpeg"/>
							<span class="teacher-name">王士强</span>
							<span class="introduction">艺龙、中国移动飞信、猎聘、银客理财等前端负责人，Node.js工具模块强人</span>
					    </div>
					</div>
					
				</div>
				<div class="Common-problems">
					<h4>常见问题</h4>
					<div class="problems">
						<p class="problem-title">1、Web前端工程师是做什么的？</p>
						<br />
						<p class="peoblem-content">回答：随着互联网和移动互联网的高速发展，Web前端工程师职业越来越火爆，
							几乎所有的公司包括IT和传统行业都对前端工程师有着不可或缺的强烈需求。不在局限于简单的网站的页面开发，
							随着需求的提高，Web前端工程师不仅要掌握基本的Web前端开发技术，还要掌握最新的框架技术、性能优化技术、
							组件复用开发技术和基于HTML5的APP应用开发等新技能,最终完成惊人的互动体验效果。因此Web前端工程师是当
							下需求量最大的技术研发职业方向。</p>
					</div>
					<div class="more-peoblems">
						<a href="#">更多问题</a>
					</div>
				</div>
			</div>
		</div>
		<div class="footing">
			<div class="footing-content">
				<div class="footing-content-left">
					<img src="img/jikexueyuan/images/jk-logo-footer.png"/>
					<p>极客学院，编程是一种信仰！</p>
				</div>
				<div class="footing-content-center">
					<div class="first-list">
						<p>职业学院</p>
					<ul>
						<li><a href="#">Web前端工程师</a></li>
						<li><a href="#">Python Web工程师</a></li>
						<li><a href="#">Go语言工程师</a></li>
						<li><a href="#">ios工程师</a></li>
						<li><a href="#">微信小程序工程师</a></li>
					</ul>
					</div>
					<div class="second-list">
						<p>会员课程</p>
					<ul>
						<li><a href="#">课程库</a></li>
						<li><a href="#">知识体系图</a></li>
						<li><a href="#">职业路径图</a></li>
						<li><a href="#">系列课程</a></li>
						<li><a href="#">课程标签</a></li>
					</ul>
					</div>
					<div class="third-list">
						<p>极客社区</p>
					<ul>
						<li><a href="#">极客问答</a></li>
						<li><a href="#">Wiki</a></li>
						<li><a href="#">资源下载</a></li>
						<li><a href="#">社群</a></li>
						
					</ul>
					</div>
					<div class="fourth-list">
						<p>其他</p>
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">加入我们</a></li>
						<li><a href="#">讲师合作</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">友情链接</a></li>
					</ul>
					</div>
				</div>
				<div class="footing-content-right">
					<p>服务热线：400-678-8266</p>
					<ul>
						<li><div class="iPhone"><img src="img/jikexueyuan/images/icon-down-ios.png"/><span>iPhone</span></div></li>
						<li><div class="Android"><img src="img/jikexueyuan/images/icon-down-and.png"/><span>Android</span></div></li>
					</ul>
				</div>
			</div>
			<p class="bottom">
				Copyright@&nbsp;2013-2016&nbsp;
				<a class="link" href="http://www.jikexueyuan">
					jikexueyuan.com
				</a>
				 All Rights Reserved.&nbsp;京ICP备11018032号-8 京公网安备11010802020210
				 
			</p>
			 <a href="#"><span class="weibo"><img src="img/jikexueyuan/images/icon-down-sina.png"></span></a>
			 <a href="#"><span class="wechat"><img src="img/jikexueyuan/images/icon-down-wechat.png"/></span></a>
		</div>
		<div class="tag">
			<a href="#">离线留言</a>
		</div>
	</body>
</html>
